/*
1.使用哪一个事件
使用onscroll 移动端和pc端都有效
2.如何获取滚动条位置
pc:document.documentElement.scrollTop
移动：document.body.scrollTop
3.获取视口宽度
document.documentElement.clientWidth 移动端和pc都有效
 */
window.onload = function(){
	document.onscroll = function(){
		//滚动条位置
		let s1 = document.documentElement.scrollTop;
		let s2 = document.body.scrollTop;
		let scroll = s1 ==0?s2:s1;
		
		//获取视口宽度
		let width = document.documentElement.clientWidth;
		//获取顶部固定块
		let search = document.getElementById('fixedBox');
		//判断滚动条进度
		if(scroll>width*0.12){
			search.style.position = 'fixed';
			search.style.left = '0';
			search.style.top = '0';
		}else{
			search.style.position = 'static';
		}
	}
}